<template>
  <div class="h-Nav">
    <router-link to="/">
      <div class="header info-img">
        <img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=306866231,3734457839&fm=58&bpow=1080&bpoh=1920" width="70"
             height="70">
      </div>
      <div class="header info-text">
        <div class="nickName"></div>
        <div class="mobile">手机号：15831052017</div>
      </div>
      <div class="info-right">
        <Icon type="chevron-right"></Icon>
      </div>
    </router-link>
  </div>
</template>
<style lang="scss">
  @import '../assets/style/common.scss';

  .h-Nav {
    height: px2rem(250px);
    .header {
      display: inline-block;
      height: px2rem(150px);
      padding-top: px2rem(100px);
      padding-left: px2rem(20px);
    }

    .info-text {
      margin-left: px2rem(150px);
    }

    .nickName {
      position: relative;
      font-size: px2rem(40px);
      color: #000;
    }

    .mobile {
      padding-top: 10px;
      font-size: px2rem(25px);
      color: #000;
    }
    .info-right {
      float: right;
      padding-top: px2rem(135px);
      padding-right: px2rem(50px);
      font-size: px2rem(28px);
      color: #000;
    }
    /*}*/
  }

</style>
